﻿

<html>
<head>
<title>CSS3 Border Color Test</title>

<style type="text/css">
h3 {border-color: aqua; border-style: solid;}
h4 {border-color: silver; border-style: solid;}
em {border-color: green; border-style: solid;}
blockquote {border-color: 200%; border-style: solid;}
p {border-style: solid;}
</style>
</head>

<body>




<h1>CSS3 Border Color Test</h1>





<ul>
<li >
For "border-color", initial is "see individual properties", it applies to all elements,
it is not inherited, percentage values are N/A, media is visual, and for computed
value "see individual properties" .
</li>
</ul>
<h2>
PASS CRITERIA:
</h2>
<p>
If statement above is correct, this paragraph should be UA-default
border color.  A "border-style: solid" CSS rule is applied.  However, the
border color property does apply to the p element.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
</p>
<h3>
This h3 heading has a border color of aqua, but this <em>emphasized text
</em> has a border color of green; the rules applied are:
"h3 {border-color: aqua;}"
"em {border-color: green}"
So the border color property applies to the h3 and em elements.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
</h3>
<h4>
This h4 heading has a border color property of silver (because of the
rule "h4 {border-color: silver}", but these <i>italicized words</i>
have a border color of UA-default, because the border-color
property does not inherit.  
So the border color property does apply to the h4 and i elements.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
</h4>
<blockquote>
This blockquote element should have a UA-default border color.  The
nonsensical rule "blockquote {border-color: 200%}" should be ignored,
but the border-color property does apply to the blockquote element.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
Here is more text to test this more effectively.
</blockquote>
<p>
All other properties of this page should be UA-default.
This is a paragraph, like the one above.  Border style of solid is applied
to all elements, so that the border is visible.
</p>

</body>
</html>
